<template>
  <div>
    <v-nav :current="6" :isEnShow="false"></v-nav>
    <img src="@/components/rencai.png" alt="" style="width: 100%;display: block">
    <router-view></router-view>
    <v-footer></v-footer>
  </div>
</template>

<script>
import vNav from '@/components/nav/nav'
import vFooter from '@/components/footer'
export default {
  data () {
    return {
      lists: []
    }
  },
  props: {
  },
  components: {
    vNav,
    vFooter
  },
  created () {
    this.lists = [
      {
        id: 1
      },
      {
        id: 2
      },
      {
        id: 3
      }
    ]
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
@import '../util/common.scss';
h1 {
  padding: 36rem/$font-size-base 0;
  font-size: 30rem/$font-size-base;
  letter-spacing: 1px;
  color: #333;
  font-weight: bolder;
  text-align: left;
  padding-left: 30rem/$font-size-base;
}
</style>
